@charset "utf-8";

* { margin: 0; padding: 0;}
body { font-size: 14px; color: #f0e3e3; font-family: "微软雅黑"; background: #5f5757; user-select: none; -moz-user-select: none;}
h2, h6 { font-weight: 500; margin: 20px auto; text-align: center;}
a { text-decoration: none; color: #666;}
a:link, a:visited, a:hover, a:active { text-decoration: none;}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; word-break: keep-all;}
.error { color: #ffa200;}
           
/* start room-list */
.room-list { display: block; margin: 0 auto;}
.room-list .list-item { list-style: none; border: 1px solid #ab9595; box-shadow: 7px 8px 6px rgba(0,0,0, 0.4); width: 305px; height: 246px; float: left; margin: 10px; background: #fcfcfc; border-radius: 7px;}
.room-list .list-item .img { position: relative; display: block; overflow: hidden; border-radius: 6px 6px 0 0; width: 100%; height: 170px;}
.room-list .list-item .img-mask { display: block; position: absolute; left: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; background: #3c3c3c; transition: all .5s ease-in;}
.room-list .list-item .img-mask:hover { opacity: 0.4;}
.room-list .list-item .title { height: 35px; line-height: 35px; width: 65%; color: #807575; display: block; padding-left: 5px; float: left;}
.room-list .list-item .title:hover { transition: all .3s ease-out; color: #f2a635;}
.room-list .list-item .heats { height: 35px; line-height: 35px; display: block; padding-right: 5px; float: right; color: #f2a635;}
.room-list .list-item .anchor { font-size: 16px; display: block; background: #bdae97; clear: both; color: #f3eaea; height: 40px; line-height: 40px; text-align: center;}
.room-list .list-item .anchor:hover { transition: all .3s ease-out; background: #f2a635;}
/* end room-list */